<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us"> 
	<head profile="http://gmpg.org/xfn/11" xml:lang="en-us"> 
		<style id="preload-styles" type="text/css"> 
			body {
				background-image:url('/app/images/indicator-3a.gif');
				background-color: #000;
				background-repeat: no-repeat;
				background-position: center center;
			}
			.pre-loading {
				height: 500px;
			}
		</style> 
		<script type="text/javascript"> 
			function JSLogger(Msg, Pg, Ln) {
				if (App.Config.Debug) {
					var LogMsg = 'JSLogger: \n';
					for (var i = 0; i < arguments.length; i ++) {
						LogMsg += '  ' + arguments[i] + '\n';
					}
					if (window['console']) {
						console.log(LogMsg);
					}
				}
				return true;
			}
		</script> 
		<script type="text/javascript"> 
			window.onerror = JSLogger;
		</script> 
		
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
		<script type="text/javascript"> 
			jQuery.noConflict();
		</script> 
        <script type="text/javascript" src="/app/scripts/HighChartsJS/highcharts.js"></script> 
		
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/effects.js"></script> 
		
		<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular&amp;subset=latin' rel='stylesheet' type='text/css'>
		
		<script type="text/javascript"> 
			App = {};
			App.PathRoot = 'http://phasedreduction.appspot.com';
			//App.PathRoot = 'http://localhost:8080';
			App.User = {};
			App.User.IpAddress = '208.54.35.77'; 
			App.User.IsAuthenticated = false; 
			App.User.UserName = 'tctconferencedemo@stratacast.com'; 
			App.User.SessionId = 'vmwcn4z1zsbzf555m5n4bta4'; 
			App.User.Roles = [];
			App.Config = {};
			App.Config.Debug = (App.User.Roles.indexOf('Developers') > -1) ? true : false; 
			App.Config.Application = {}; 
			App.Config.Application.Title = 'StrataCast: TCT Conference 2010'; 
			App.Config.Content = {}; 
			App.Config.Content.Id = '88fc5748-1d84-4b16-8f34-ec3cd0303c5d'; 
			App.Config.Content.Title = 'Outcomes'; 
			App.Config.Content.CreatedBy = 'gn@phasedreduction.com'; 
			App.Config.Content.DateCreated = '2010/08/05 08:22 AM'; 
			App.Config.Content.Version = '5.0'; 
			App.Config.Init = {};
			App.Config.Init.Assets = [ 
			 { 'Type': 1, 'Id': 'AppStyle0', Url: App.PathRoot + '/app_styles/Phased.Reset.css' }, 
			 { 'Type': 1, 'Id': 'AppStyle1', Url: App.PathRoot + '/app_styles/Phased.App.css' }, 
			 { 'Type': 1, 'Id': 'AppStyle2', Url: App.PathRoot + '/app_styles/Phased.App.IE.css', 'IE': 1 }, 
			 { 'Type': 1, 'Id': 'SiteStyle0', Url: '/app/styles/Site.css' }, 
			 { 'Type': 2, 'Id': 'SiteScript1', Url: '/app/scripts/Site.js' }
			]; 
			App.Config.Controls = [];
			App.Config.Controls.push({
			 'Guid': 'ImageLoaders', 
			 'ControlType': 0 
			});
			App.Config.Controls.push({
			 'Guid': 'Indicators', 
			 'ControlType': 0 
			});
			/*App.Config.Controls.push({
			 'Guid': 'Forms', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Forms.js' 
			});*/
			App.Config.Controls.push({
			 'Guid': 'TabSets', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.TabSets.js' 
			});
			App.Config.Controls.push({
			 'Guid': 'Tooltips', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Tooltips.js' 
			});
			App.Config.Controls.push({
			 'Guid': 'Modals', 
			 'ControlType': 1, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Modals.js' 
			});
			/*App.Config.Controls.push({
			 'Guid': 'Fonts', 
			 'ControlType': 0, 
			 'Items': [ 
			     { 'Type': 1, 'Id': 'Font0', 'Url': 'http://fonts.googleapis.com/css?family=Molengo&subset=latin' } 
			  ]
			});*/
			App.Config.Analytics = {
			 'Guid': 'Analytics', 
			 'ControlType': 0, 
			 'Profile': { 'Id': 'UA-339567-25' }, 
			 'ScriptUrl': App.PathRoot + '/app_scripts/Phased.Controls.Analytics.js' 
			};
		</script> 
		<title>StrataCast Clinical Analysis / Dashboard</title> 
		<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
		<meta http-equiv="content-script-type" content="text/javascript" /> 
		<meta http-equiv="content-style-type" content="text/css" /> 
		<meta http-equiv="cache-control" content="max-age=84600, must-revalidate" /> 
		<meta http-equiv="imagetoolbar" content="no" /> 
		<meta http-equiv="X-UA-Compatible" content="edge" /> 
		<meta name="language" content="en-us" /> 
		<meta name="publisher" content="Google AppEngine" /> 
		<meta name="description" content="" /> 
		<meta name="author" content="Gregory Nicholas, Ali Sharafat" /> 
		<meta name="copyright" content="Copyright (c) Copyright (c) 2010 PhasedReduction, LLC - Gregory Nicholas, Ali Sharafat" /> 
		<meta name="mssmarttagspreventparsing" content="true" /> 
		<meta name="code_language" content="vb" /> 
		<meta name="google-site-verification" content="rhS_FYZlppALFApVdCoaCVd0HhJ1Uk2QAllYtcS5_hc" /> 
        
        <script type="text/javascript" src="http://phasedreduction.appspot.com/app_scripts/Phased.App.js"></script> 
        
	</head> 
	<body> 
	
		<script type="text/javascript"> 
			window.onerror = JSLogger;
		</script> 
		
		<div id="page" class="pre-loading" style="display:none;">
		
		<div id="site-head">
			<div class="wrapper-a center-box"> 
				<ul class="menu-a">
					<li class="fl-left">
						<a href="/patients" class="patients"></a>
					</li>
					<li class="fl-left">
						<a href="/providers" class="collaborators"></a>
					</li>
					<li class="fl-left">
						<a href="/outcomes" class="outcomes active"></a>
					</li>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<!-- // end of #site-head --> 
		<div id="page-head">
			<div class="wrapper-a center-box"> 
				<ul class="menu-b">
					<li class="active fl-left" style="width:440px;">
						Patient Outcomes Analysis
						<img src="/app/images/menu-b-notch-bottom.png" style=""/>
					</li>
				</ul>
				<div class="clear"></div>
			</div>
			<!-- // end of .wrapper-a --> 
		</div>
		<!-- // end of #page-head --> 
		<div id="page-wrapper" class="page-wrapper">
			<div id="page-body-wrapper">
			<div class="wrapper-a center-box">
				
				<div class="two-column">
				
					<div 
						callback_init="" 
						callback_failure="" 
						callback_success="" 
						ajax-uri="/" 
						label="Add New Patient" 
						notifier="column-0-notifier" 
						class="phased-form fl-left column-0" 
						name="form-patient-add" 
						id="form-patient-add" 
						method="post" 
						style="width:900px;" 
						>
						
						<div style="margin:18px 0 10px 0; position:relative; font-size:24px; color:#fff;">
							Post AMI Outcomes Analysis
						</div>
						
						<div class="control-indicator" id="column-0-notifier" style="display:none;"></div>
						
						
						
						
						
						
						<div style="width:800px;" id="chart-1"></div>
						
						
<script type="text/javascript">

Highcharts.setOptions({
	chart: {
		defaultSeriesType: 'line',
		//backgroundColor: null,
		borderColor: '#bbb',
		//borderWidth: 0,
		borderRadius: 10,
		
		//plotBackgroundColor: null,
		plotBorderColor: '#bbb',
		//plotShadow: false,
		plotBorderWidth: 1,
		
		margin: [40, 7, 30, 58],
		style: {
			zIndex: 1
		}
	},
	xAxis: {
		gridLineWidth: 0,
		lineColor: '#999',
		tickColor: '#999',
		labels: {
			style: {
				color: '#999',
				fontWeight: 'normal',
				fontSize: '8px'
			}
		},
		title: {
			style: {
				color: '#AAA',
				fontWeight: 'normal',
				fontSize: '9px'
			}				
		}
	},
	yAxis: {
		alternateGridColor: null,
		minorTickInterval: null,
		gridLineColor: 'rgba(0, 0, 0, .1)',
		lineWidth: 0,
		tickWidth: 0,
		labels: {
			style: {
				color: '#999',
				fontWeight: 'normal'
			}
		},
		title: {
			style: {
				color: '#999',
				fontWeight: 'normal'
			}				
		}
	},
	legend: {
		//layout: 'vertical',
		style: {
			right: '0px',
			bottom: 'auto',
			top: '-5px'
		},
		borderWidth: 1,
		backgroundColor: '#625E56',
		shadow: false,
		symbolWidth: 16,
		itemStyle: {
			color: '#CCC',
			cursor: 'pointer'
		},
		itemHoverStyle: {
			color: '#FFF'
		},
		itemHiddenStyle: {
			color: '#333'
		}
	},
	labels: {
		style: {
			color: '#CCC'
		}
	},
	tooltip: {
		backgroundColor: {
			linearGradient: [0, 0, 0, 50],
			stops: [
				[0, 'rgba(66, 60, 50, .9)'],
				[1, 'rgba(29, 27, 21, .8)']
			]
		},
		borderWidth: 0,
		style: {
			color: '#FFF'
		}
	},
	
	plotOptions: {
		line: {
			dataLabels: {
				color: '#CCC'
			},
			marker: {
				lineColor: '#333'
			}
		},
		spline: {
			marker: {
				lineColor: '#333'
			},
			lineWidth: 1,
		},
		scatter: {
			marker: {
				lineColor: '#333'
			}
		}
	},
	
	toolbar: {
		itemStyle: {
			color: '#CCC'
		}
	}
});
	Highcharts.theme = { colors: ["#ee3d97", "#7798BF", "#22282a", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"]};
	var highchartsOptions = Highcharts.getOptions(); 
</script>
				
				
<script type="text/javascript">
	
	var chart;
	jQuery(document).ready(function() {
		chart = new Highcharts.Chart({
			colors: ["#ee3d97", "#7798BF", "#22282a", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
			chart: {
				renderTo: 'chart-1',
				defaultSeriesType: 'spline',
				marginRight: 10,
				backgroundColor: null,
				events: {
					load: function() {
						
					}
				}
			},
			title: {
				text: null
			},
			xAxis: {
				type: 'datetime',
				tickPixelInterval: 150
			},
			yAxis: {
				title: null,
				plotLines: [{
					value: 0,
					width: 1,
					color: '#808080'
				}]
			},
			tooltip: {
				formatter: function() {
		                return '<b>'+ this.series.name +'</b><br/>'+
						Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'<br/>'+ 
						Highcharts.numberFormat(this.y, 2);
				}
			},
			exporting: {
				enabled: false
			},
			series: [{
				name: 'Sanjeev\'s Stratification Scores',
				data: (function() {
					var data = [],
						time = (new Date()).getTime(),
						i;
					for (i = -19; i <= 0; i++) {
						data.push({
							x: time + i * 1000,
							y: Math.random()
						});
					}
					return data;
				})()
			},{
				name: 'Gregory\'s Stratification Scores',
				data: (function() {
					var data = [],
						time = (new Date()).getTime(),
						i;
					for (i = -19; i <= 0; i++) {
						data.push({
							x: time + i * 1000,
							y: Math.random()
						});
					}
					return data;
				})()
			},{
				name: 'Ali\'s Stratification Scores',
				data: (function() {
					var data = [],
						time = (new Date()).getTime(),
						i;
					for (i = -19; i <= 0; i++) {
						data.push({
							x: time + i * 1000,
							y: Math.random()
						});
					}
					return data;
				})()
			}]
		});
		console.log(chart);
	});
	
	
	/*
	var chart;
	jQuery(document).ready(function() {
		chart = new Highcharts.Chart({
			chart: {
				renderTo: 'chart-1',
				defaultSeriesType: 'spline',
				marginRight: 10,
				events: {
					load: function() {
		
						// set up the updating of the chart each second
						var series = this.series[0];
						setInterval(function() {
							var x = (new Date()).getTime(), // current time
								y = Math.random();
							series.addPoint([x, y], true, true);
						}, 1000);
					}
				}
			},
			title: {
				text: 'Live random data'
			},
			xAxis: {
				type: 'datetime',
				tickPixelInterval: 150
			},
			yAxis: {
				title: {
					text: 'Value'
				},
				plotLines: [{
					value: 0,
					width: 1,
					color: '#808080'
				}]
			},
			tooltip: {
				formatter: function() {
		                return '<b>'+ this.series.name +'</b><br/>'+
						Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'<br/>'+ 
						Highcharts.numberFormat(this.y, 2);
				}
			},
			legend: {
				enabled: false
			},
			exporting: {
				enabled: false
			},
			series: [{
				name: 'Random data',
				data: (function() {
					// generate an array of random data
					var data = [],
						time = (new Date()).getTime(),
						i;
					for (i = -19; i <= 0; i++) {
						data.push({
							x: time + i * 1000,
							y: Math.random()
						});
					}
					return data;
				})()
			}]
		});
	});
	*/
		
</script>

						
						<!--<img 
							style="margin-top:10px;"
							src="/app/images/chart-a.jpg" 
							class="tooltip-handler"
							tooltipoptions="({ Align: Phased.Controls.Tooltips.Positions.ELEMENT, Offset: { Top: 6, Left: -10 }, Coords: { Top: 0, Left: 0 } })" 
							tooltipcontent="Patient Outcomes Insights" 
							/>
						
						
							
						<img 
							style="margin-top:60px;"
							src="/app/images/chart-b.jpg" 
							class="tooltip-handler"
							tooltipoptions="({ Align: Phased.Controls.Tooltips.Positions.ELEMENT, Offset: { Top: 6, Left: -10 }, Coords: { Top: 0, Left: 0 } })" 
							tooltipcontent="Patient Outcomes Insights" 
							/>-->
						
							
						<div style="margin-bottom:200px;" class="clear"></div>
						
					</div>
					<!-- // end of .column-0 --> 
										<div class="clear"></div>
				</div>
				<!-- // end of .two-column --> 
				
				<div class="site-foot"></div>
				
			</div>
			<!-- // end of .wrapper-a --> 
			</div>
			<!-- // end of #page-body-wrapper --> 
		</div> 
		<!-- // end of #page-wrapper --> 
		
		</div>
		<!-- // end of #page --> 
		
	</body> 
</html>